<div class="row">
  <div class="col-sm-12">
    <div class="form-group col-sm-3">
      <input placeholder="请输入商品名称"  class="form-control"
        [formControl]="titleFilter">
    </div>
  </div>
</div>

<div *ngFor="let product of products | filter:'title':keyword" class="col-md-4 col-sm-4 col-lg-4">
  <div class="thumbnail">
    <a [routerLink]="['/product', product.id]" >
          <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1139921196,3599832705&fm=27&gp=0.jpg" alt="">
      </a>
      <div class="caption">
          <h4 class="pull-right">{{product.price}}元</h4>
          <h4 >{{product.title}}</h4>
          <p>{{product.desc}}</p>
      </div>
      <div class="">
          <app-stars [rating]="product.rating"></app-stars>
          <span>商品识别：{{product.id}}</span>
      </div>
  </div>
</div>
